$(function(){
	//自动轮播方法
	function roll(){
		setTimeout(function(){
			for(var i=0;i<=3;i++){
				var nowpic = $("#carousel1 .car_bigp img").eq(i);
				if(nowpic.css("display") == "block"){
					var showpicnum = i*1+1*1;
					$("#carousel1 .car_bigp img").css("display","none");	//先隐藏所有主图
					$(".car_c_smallpic img").removeClass("current");	//先隐藏所有小图边框
					if(showpicnum == 3){
						//最后一张时,跳转到第一张
						$("#carousel1 .car_bigp img").eq(0).css("display","block");
						$("#carousel1").attr("name",0);
						$(".car_c_smallpic img").eq(0).addClass("current");
                    }else{
						$("#carousel1 .car_bigp img").eq(showpicnum).css("display","block");	//主图
						$("#carousel1").attr("name",showpicnum);	//给div一个name值,代表当前自动轮到到哪张图,鼠标轮播时会用到这个值
						$(".car_c_smallpic img").eq(showpicnum).addClass("current"); 	//小图边框
					}
					break;
				}
			}
			roll();
		},3000);
	}
	roll();
	//点击左箭头
	$(".prev").click(function(){
		var showpicnum = $("#carousel1").attr("name");	//当前选中的图片eq编号
		if(showpicnum <= 0){
			var eqnum = 2;
		}else{
			var eqnum = showpicnum-1;
		}
		mouseRoll(eqnum);

	});
	//点击右箭头
	$(".next").click(function(){
		var showpicnum = $("#carousel1").attr("name");	//当前选中的图片eq编号
		if(showpicnum >= 2){
			var eqnum = 0;
		}else{
			var eqnum = showpicnum*1+1*1;
		}
		mouseRoll(eqnum);
	});
	//鼠标滑过小图
	$(".car_c_smallpic img").mouseover(function(){
		var eqnum = $(this).index()-1;
		mouseRoll(eqnum);
	});
	//鼠标事件轮播方法
	function mouseRoll(eqnum){
		$(".car_c_smallpic img").removeClass("current");//隐藏所有小图边框
		$(".car_c_smallpic img").eq(eqnum).addClass("current"); //显示当前选中的小图样式
		$("#carousel1 .car_bigp img").css("display","none");	//隐藏所有主图
		$("#carousel1 .car_bigp img").eq(eqnum).css("display","block");	//显示当前选中的主图
		$("#carousel1").attr("name",eqnum);	//最新的name值
	}
})